<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>增加登记信息页面</title>
    <link rel="stylesheet" href="webjars/bootstrap/3.3.5/css/bootstrap.css" type="text/css">
    <script src="webjars/jquery/3.4.1/jquery.js"></script>
    <script src="webjars/bootstrap/3.3.5/js/bootstrap.js"></script>
    <style>
        form{
            margin-left: 90px;
        }
        input{
            width: 200px ;
            height: 25px;
            background-color: #f0f8ff;
            margin-bottom: 5px;
        }
        input:hover{
            border:2px #00ff00 solid;
        }
        span{
            float: left;
            width: 120px;
            height: 25px;
        }
        span.mandatory{
            float: none;
            color: red;
            margin-left: 6px;
            }
    </style>
</head>
<body>
    <legend>增加登记信息</legend>
    <form action="/addC" method="post">
        <span>客户姓名：</span><input type="text" name="name" id="name" required><br>
        <span>客户性别：</span><input type="text" name="sex" id="sex" list="sts" required><br>
        <datalist id="sts" style="display:none;">
            <option value="男">男</option>
            <option value="女">女</option>
        </datalist>
        <span>客户年龄：</span><input type="date" name="age" id="age" required><br>
        <span>身份证号：</span><input type="text" name="idcard" id="idcard" required><br>
        <span>房间号：</span><input type="text" name="rnumber" id="rnumber" required><br>
        <span>所属楼房：</span><input type="text" name="bnumber" id="bnumber" required><br>
        <span>档案号：</span><input type="text" name="fnumber" id="fnumber" required><br>
        <span>入住时间：</span><input type="date" name="citime" id="citime" required><br>
        <span>合同到期时间：</span><input type="date" name="cetime" id="cetime" required><br>
        <span>联系人电话：</span><input type="text" name="cnumber" id="cnumber"><br>
        <span>家属：</span><input type="text" name="family" id="family"><br>
        <span>陪住人：</span><input type="text" name="accompany" id="accompany"><br>
        <span>评估医生：</span><input type="text" name="assessmentdo" id="assessmentdo" required><br>
        <span>负责医生：</span><input type="text" name="chargedo" id="chargedo" required><br>
        <span>护工：</span><input type="text" name="careworker" id="careworker" required><br>
        <span>健康管家：</span><input type="text" name="healthsteward" id="healthsteward" required><br>
        <span>操作人：</span><input type="text" name="operator" id="operator" required><br>
        <span>备注：</span><input type="text" name="remarks" id="remarks"><br>
        <!--添加隐藏域-->
        <input type="hidden" name="_method" value="put">
        <button>提交添加</button>
        <button type="button" onclick="history.go(-1)">返回</button>
    </form>
    <script>
        $('[required]').after('<span class="mandatory">*</span>');
    </script>
</body>
</html>